<!--#include file="head.html"-->
<!-- 页面通栏banner -->
<!--#include file="widget/page_banner.html"-->
<!-- 栏目名称&面包屑 -->
<!--#include file="widget/column_crumb.html"-->

<section class="container">
    <div class="case-wrap article-wrap clearfix">
    	<aside class="case-sidebar" role="complementary">
            <nav id="myAffix" class="sidebar hidden-print affix-top">
                <ul class="accordion list-unstyled">
                    <li class="open">
                        <div><a class="link" href="http://www.hrsj360.com/index.php?r=article/Category/index&class_id=3">{$categoryInfo.name}</a></div>
                        <ul style="display: block" class="submenu">
                            <!--channel{app="DuxCms" label="categoryList" parent_id=3  limit=5}-->
                            <li><a class="<!--if{$channel['class_id']==$categoryInfo['class_id']}--> active <!--{/if}-->" href="{$channel.curl}">{$channel.name}</a></li>
                            <!--{/channel}-->
                        </ul>
                    </li>
                </ul>
            </nav>
        </aside>
        <script>
            $('#myAffix').affix({
                offset: {
                    top: 400,
                    bottom: function () {
                        return (this.bottom = $('.footer').outerHeight(true))
                    }
                }
            })
        </script>
        <div class="article-con" role="main">
            <div class="content">
                <!--foreach{$pageList as $vo}--> 
                <article class="hvr-underline-from-left wow bounceIn" data-wow-delay="0.4s">
                    <div class="article-list img-rotate row clearfix">
                        <figure>
                                <a href=""><img class="img-responsive" src="{$vo.image}" alt="{$vo.title}"/></a>
                            </figure>
                        <div class="clearfix">
                            <h5><a href="{$vo.aurl}">{$vo.title}</a></h5>

                            <p>{$vo.description}</p>

                            <p>
                                <i class="fa fa-clock-o"></i> <time>{date('Y-m-d',$vo['time'])}</time>
                                <i class="fa fa-eye"></i> {$vo.views}
                            </p>
                        </div>
                    </div>
                </article>
                <!--{/foreach}-->
            </div>
            <div class="m-page">{$page} </div>
        </div>
    </div>
</section>

<!--#include file="foot.html"-->
